<script >
export default {
    data() {
        return {
            attri: 'href',
            abled: 'disabled',
            cli: 'click',
            url: 'http://www.wj0325.top',
            uid: 'id',
            id: '3',
            dis: false,
            item: 0

        }
    }, methods: {
        abledF() {
            this.dis = !this.dis
            setTimeout(() => {
                this.dis = !this.dis
            }, 1000);
        }
    }

}

</script>

<template>
    <a v-bind:[attri]="url">跳转</a>
    <div :[uid]="id">
        简写
    </div>
    <input type="button" value="关闭启用状态" :[abled]="dis" v-on:[cli]="abledF">

    <div>
        <input type="button" value="v-on:click(全写)" v-on:[cli]="item += 3">
        {{ item }}
    </div>
</template>

<style scoped></style>
